<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./font_888v4gjdis/iconfont.css">
    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 顶栏 -->
    <div class="ding">
        <div class="ding-c">
            <!-- 左侧浮动 -->
            <div class="ding-left1 fl">
                <span class="iconfont icon-dingwei"></span>
            </div>
            <span class="ding-left2 fl">北京</span>
            <!-- 右侧浮动 -->
            <div class="ding-right fr">
                <span class="logininfo">
                    <a href="./login.html" class="logininfo1">你好，请登录</a>
                    <a href="./register.html" class="logininfo2">免费注册</a>
                </span>
                <span> | </span>
                <a href="#">我的订单</a>
                <span> | </span>
                <a href="#">我的京东</a>
                <span> | </span>
                <a href="#">京东会员</a>
                <span> | </span>
                <a href="#">企业采购</a>
                <span> | </span>
                <a href="#">客户服务</a>
                <span> | </span>
                <a href="#">网站导航</a>
                <span> | </span>
                <a href="./iden.html">个人中心</a>
            </div>

        </div>
    </div>


    <!-- 头部 -->
    <div class="header">
        <div class="header-c">
            <!-- 左：logo -->
            <div class="header-logo fl">
                <img src="./image/jd-logo.png" alt="">
            </div>
            <!-- 中间：搜索框 -->
            <div class="header-s fl">

                <div class="header-search">
                    <input type="text" class="fl" value="小米手机">
                    <span class="iconfont icon-camera fl"></span>
                    <div class="fl">
                        <span class="iconfont icon-sousuo"></span>
                    </div>
                </div>

                <div class="header-btn">
                    <a href="#">24期免息券</a>
                    <a href="#">赢京豆</a>
                    <a href="#">洗烘套装</a>
                    <a href="#">金秋上新</a>
                    <a href="#">vivo S10</a>
                    <a href="#">石榴来了</a>
                    <a href="#">绿植9.9</a>
                    <a href="#">二手平板</a>
                    <a href="#">自营电脑</a>
                </div>
            </div>
            <!-- 右边：购物车 -->
            <div class="header-erweima fr">
                <img src="./image/erweima.png" alt="">
            </div>
            <div class="header-right fr">
                <span class="iconfont icon-gouwuche"></span>
                <a href="./cart.html">我的购物车</a>
            </div>
        </div>
    </div>


    <!-- 轮播图 -->
    <div class="banner">
        <div class="banner-c">
            <div class="carousel">
                <ul>
                    <li>
                        <a href="#">
                            <img src="./image/lunbo1.jpeg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./image/lunbo2.webp" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./image/lunbo3.jpeg" alt="">
                        </a>
                    </li>
                </ul>
                <ol>

                </ol>
                <a href="" class="leftBtn">&lt;</a>
                <a href="" class="rightBtn">&gt;</a>
            </div>
        </div>
    </div>


    <!-- 京东秒杀 -->
    <div class="miao">
        <div class="container floor1 floor">
            <div class="miao-tit">
                <span>京东秒杀</span>
            </div>
    
            <div class="row">
            </div>
        </div>
    </div>
    



    <!-- 智能手机 -->
    <div class="miao">
        <div class="container floor2 floor">
            <div class="miao-tit">
                <span>智能手机</span>
            </div>
    
            <div class="row">
            </div>
        </div>
    </div>



    <!-- 笔记本电脑 -->
    <div class="miao">
        <div class="container floor3 floor">
            <div class="miao-tit">
                <span>笔记本电脑</span>
            </div>
    
            <div class="row">
            </div>
        </div>
    </div>


    <!-- 页面导航及回到顶部 -->
    <div class="back">
        <ul>
            <li data-class="floor1">
                <a href="">京东秒杀</a>
            </li>
            <li data-class="floor2">
                <a href="">智能手机</a>
            </li>
            <li data-class="floor3">
                <a href="">笔记本电脑</a>
            </li>
            <li>
                <a href="">回到顶部</a>
            </li>
        </ul>
    </div>


    <!-- 底部 -->
    <div class="footer">
        <div class="footer-c">

        </div>
    </div>







    <script src="./js/tools-danli.js"></script>
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <!-- 用户注册登录js -->
    <script src="./js/username.js"></script>
    <!-- 轮播图js -->
    <script src="./js/lunbo.js"></script>
    <!-- 动态渲染商品 -->
    <script src="./js/index.js"></script>
</body>

</html>